Collapse All Expand All

This topic will walk you through creating a C1DateTimeSelector control and applying some basic styling to the control via code.

Follow these steps:

1. Open MainPage.xaml if it isn't already open and locate the <Grid> </Grid> tag set. Edit the markup so that it resembles the following markup:

Markup	Copy Code
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}" x:Name="LayoutRoot"> </Grid>

2. Right-click your page and select View Code from the list to switch to code view.

3. Add the following namespaces to your application

C#	Copy Code
using C1.Xaml;

Visual Basic	Copy Code
Imports C1.Xaml

3. Insert the following constructor directly below the InitializeComponent() method:

C#	Copy Code
C1DateTimeSelector c1DTS1 = new C1DateTimeSelector();

Visual Basic	Copy Code
Dim c1DTS1 As C1DateTimeSelector = New C1DateTimeSelector

4. Add the following code below the constructor to control the width and height of the C1DateSelector:

C#	Copy Code
c1DTS1.Height = 55; c1DTS1.Width = 600;

 

Visual Basic	Copy Code
c1DTS1.Height = 55 c1DTS1.Width = 600

5. Insert the final line of code to display the C1DateSelector:

C#	Copy Code
LayoutRoot.Children.Add(c1DTS1);

Visual Basic	Copy Code
LayoutRoot.Children.Add(c1DTS1)

6. Run your application. The C1DateTimeSelector control should resemble the following image:

 

 

---

Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum  |  Documentation Feedback